<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../static/css/iconfont.css" th:href="@{/css/iconfont.css}">
    <link rel="stylesheet" href="../static/css/nav.css" th:href="@{/css/nav.css}">
    <link href="../static/css/report.css" th:href="@{/css/report.css}" rel="stylesheet"/>
    <title>举报回答</title>
</head>

<body>
<div style="height: 9.5vh; display: flex; justify-content: center; align-items: center; position: relative;background-color: white;width: 100%" th:replace="nav::nav">

</div>

<div class="container">
    <h1>举报回答</h1>
    <form id="reportForm" th:action="@{/reportOthers}" method="post">
        <input type="text" id="video2"  style="display: none"  th:value="${postId}" name="postId">
        <div class="form-group">
            <label for="reportType">* 请选择举报类型</label>
            <div class="report-types">
                <input type="radio" id="politicalHarm" name="reportType" value="垃圾广告">
                <label for="politicalHarm">垃圾广告</label>
                <input type="radio" id="unfriendly" name="reportType" value="侵权内容">
                <label for="unfriendly">侵权内容</label>
                <input type="radio" id="spam" name="reportType" value="违法信息">
                <label for="spam">违法信息</label>
                <input type="radio" id="illegal" name="reportType" value="不适当内容">
                <label for="illegal">不适当内容</label>
                <input type="radio" id="porn低俗" name="reportType" value="其他">
                <label for="porn低俗">其他</label>
                <input type="radio" id="infringement" name="reportType" value="虚假信息">
                <label for="infringement">虚假信息</label>
                <input type="radio" id="cyberViolence" name="reportType" value="恶意攻击">
                <label for="cyberViolence">恶意攻击</label>
                <input type="radio" id="minorInvolved" name="reportType" value="骚扰行为">
                <label for="minorInvolved">骚扰行为</label>
                <input type="radio" id="selfHarm" name="reportType" value="敏感信息">
                <label for="selfHarm">敏感信息</label>
                <input type="radio" id="falseInfo" name="reportType" value="隐私泄露">
                <label for="falseInfo">隐私泄露</label>
                <input type="radio" id="discomfort" name="reportType" value="诈骗信息">
                <label for="discomfort">诈骗信息</label>
                <input type="radio" id="plagiarism" name="reportType" value="暴力内容">
                <label for="plagiarism">暴力内容</label>
                <input type="radio" id="disruptOrder" name="reportType" value="色情内容">
                <label for="disruptOrder">色情内容</label>
                <input type="radio" id="induceConsumption" name="reportType" value="诱导消费">
                <label for="induceConsumption">诱导消费</label>
                <input type="radio" id="falseAdvertising" name="reportType" value="不实宣传">
                <label for="falseAdvertising">不实宣传</label>
            </div>
        </div>

        <!-- 新增举报原因输入框 -->
        <div class="form-group">
            <label for="reportReason">* 请详细描述举报原因</label>
            <textarea id="reportReason" name="reportReason" rows="4" placeholder="请详细描述您的举报原因，这将帮助我们更好地处理您的举报..."
                      class="report-reason"></textarea>
            <div class="char-count" id="charCount">0/500</div>
        </div>

        <button type="submit">提交举报</button>
    </form>
</div>

<script th:inline="javascript">
    let postId= [[${postId}]];
    console.log(postId)
</script>
<script src="../static/js/report.js" th:src="@{/js/report.js}"></script>
</body>

</html>